<small>Category ID: {{$stateParams.projectName}}</small>
<small>Category ID: {{$stateParams.typeName}}</small>
<div ng-controller="DetailController" class="detail-body col-lg-12">
  <div class="row" ng-repeat="card in result">
    <div class="detail-head col-lg-12">
      <div class="detail-hl col-lg-6">
         <img ng-src="{{card.src}}"  alt="Image" class="detail-img" />
      </div>
      <div class="detail-hr col-lg-5">
        <div class="text-info">
          <div class="detail-pt">
            <strong class="media-box-heading text-primary">
           {{ card.fields.Title }}
            </strong>
            <div class="detail-ptr">
              <rating ng-model="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null" state-on="'fa fa-star text-yellow'" state-off="'fa fa-star-o'"></rating>
              <span>{{card.love}}</span>
              <em class="icon-envelope"></em>
              <span>{{card.comment}}</span>
            </div>
          </div>
          <div class="mb-sm detail-pc">
            <p>提交者：{{ card.fields.Submitter }}</p>
            <p>类型：{{card.fields.Type}}</p>
            <p>组织：{{card.fields.Organisms}}</p>
          </div>
        </div>
        <button type="button" class="btn btn-primary btn-lg">立刻下载</button>
      </div>
    </div>
    <div class="detail-content col-lg-12">
      <div class="detail-cl col-lg-8">
        <!-- START panel-->
        <tabset type="pills">
           <tab heading="项目介绍">
             <div class="leftTitleBox">
                <p class="leftTitle_p"></p>
                <div class="leftTitleInner">
                    <h2>项目介绍</h2>
                </div>
              </div>
             {{ card.fields.Description }}
            </tab>
            <tab heading="项目附件">
              <div class="leftTitleBox">
                  <p class="leftTitle_p"></p>
                  <div class="leftTitleInner">
                      <h2>项目附件</h2>
                  </div>
              </div>
              <scrollable height="280" class="list-group" ng-controller="FileController">
              <!-- START list group item-->
                <a href="#" class="list-group-item" ng-repeat="file in files">
                  <div class="media-box">
                    <div class="pull-left">
                       <img src="{{file.src}}" alt="Image" class="media-box-object thumb16">
                    </div>
                    <div class="media-box-body clearfix">
                       <strong class="media-box-heading text-primary">
                          {{file.name}}</strong>
                       <p class="mb-sm">
                          <small>{{file.com}}</small>
                       </p>
                    </div>
                  </div>
                </a>
                <!-- END list group item-->
                <!-- END list group item-->
              </scrollable>
            </tab>
            <tab heading="评论">
              <div class="leftTitleBox">
                  <p class="leftTitle_p"></p>
                  <div class="leftTitleInner">
                      <h2>评论</h2>
                  </div>
              </div>
              <!--
              <div class="mb-sm comment-head">
                <img src="" data-ng-src="{{card.src}}"  alt="Image" class="media-box-object detail-img img-circle thumb80" />
                <div class="nw-editor comment"></div>
                <button type="button" class="btn btn-primary btn-lg comment-sub">提交</button>
              </div>-->
              <div class="comment-table" ng-controller="CommentController">
                <!-- Editable row-->
                <table class="table table-bordered table-hover bg-white" datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumnDefs">
                  <thead>
                   <tr style="visibility: hidden">
                      <td style="width:100%"></td>
                   </tr>
                  </thead>
                  <tbody>
                    <tr ng-repeat="comment in comments">
                       <td>
                          <div class="pull-left">
                         <img src="{{comment.src}}" alt="Image" class="media-box-object img-circle thumb50">
                      </div>
                      <div class="media-box-body clearfix">
                         <strong class="media-box-heading text-primary">
                            {{comment.name}}</strong>
                         <p class="mb-sm">
                            <small>{{comment.com}}</small>
                         </p>
                      </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
           </tab>
        </tabset>
      </div>
      <div class="col-lg-3 detail-cr">
         <div class="text-info">
          <p class="cr-head">关联</p>
          <div class="cr-body">
            <p><a href="{{card.study}}">Study</a></p>
            <p><a href="{{card.experiment}}">Experiment</a></p>
            <p><a href="{{card.example}}">Example</a></p>
            <p><a href="{{card.run}}">Run</a></p>
          </div>
          <div class="cr-foot">
            <button type="button" class="btn btn-primary btn-lg">立刻查看</button>
          </div>
         </div>
      </div>
    </div>
  <!-- END panel-->
  </div>
</div>
